<!-- 分销中心  -->
<template>
  <s-layout class="index-wrap" title="服务中心" :bgStyle="bgStyle" onShareAppMessage>
    <view class="main">
		<template v-for="(item,index) in list" :key="index">
			<view @tap="jump(item)" class="block ss-m-t-20" :style="{backgroundImage:`url(${sheep.$url.cdn(item.img)})`}">
				<!-- <view class="title">
					{{item.name}}
				</view> -->
			</view>
		</template>
		
		
	</view>
  </s-layout>
</template>

<script setup>
  import sheep from '@/sheep';
  import { onShow } from '@dcloudio/uni-app';
  import { computed, reactive } from 'vue';
 

  const state = reactive({
    
  });
  
  const list=[
	  {img:'/static/vip/zdy.png',name:'指导员',link:'/pages/commission/service/cards?type=0'},
	  {img:'/static/vip/jdy.png',name:'教导员',link:'/pages/commission/service/cards?type=1'},
	  {img:'/static/vip/dd.png',name:'督导',link:'/pages/commission/service/cards?type=2'},
  ]

 
  function jump(item){
	  sheep.$router.go(item.link)
  }
  onShow(() => {
  });
</script>

<style lang="scss" scoped>
  
  .main{
	  padding:25rpx;
	  .block{
		  width: 702rpx;
		  height: 260rpx;
		  background:#fff;
		  border-radius: 20rpx;
		  padding:33rpx 35rpx;
		  background-size: cover;
		  background-repeat: no-repeat;
		  box-sizing:border-box;
		  .title{
			font-size: 40rpx; 
			font-weight: bold;
			color: #3F3F3F;
		  }
	  }
  }
</style>
